<!DOCTYPE html>
<html>

<head lang="en">
    <meta charset="UTF-8">
    <title>项目分类</title>
    <#include "../../commonFile/quote.ftl"/>
    <style>
        body{
            height:95%;
        };
    </style>
    <link rel="stylesheet" href="/plugins/layer/theme/default/layer.css" type="text/css"/>
    <link rel="stylesheet" href="/css/system/proMainType.css" type="text/css"/>
    <link rel="stylesheet" href="../../plugins/bootstrape-select/css/bootstrap-select.css"/>

</head>
<body class="container-fluid">
    <div class="row">
        <#--项目大类树-->
        <div class="col-md-4">
            <div id="treebar" class="tree-toolbar">
                <div style="display: inline-block;"><h5>项目大类</h5></div>
                <div style="display: inline-block;position: relative;left: 141px;">
                    <button id="addTree" class="btn btn-default glyphicon glyphicon-plus"></button>
                    <button id="editTree" class="btn btn-default glyphicon glyphicon-wrench"></button>
                    <button id="delTree" class="btn btn-default glyphicon glyphicon-minus"></button>
                </div>
            </div>
            <div id="mainTypeTree" class="tree"></div>
        </div>
        <#--项目分类表格-->
        <div class="col-md-8">
            <table id="typeTable"></table>
            <div id="toolbar" align="right">
                <div style="display: inline-block;"><h5>项目分类</h5></div>
                <form id="form" class="form-inline" style="display: inline-block;">
                    <div class="form-group">
                        <input type="text" class="form-control input-sm" id="name" name="name" placeholder="项目分类名称">
                    </div>
                    <button type="button" class="btn btn-default btn-sm" onclick="javascript:proType.search()">查询</button>
                </form>
                <button id="add" class="btn btn-default glyphicon glyphicon-plus"></button>
                <button id="edit" class="btn btn-default glyphicon glyphicon-wrench"></button>
                <button id="del" class="btn btn-default glyphicon glyphicon-minus"></button>
            </div>
        </div>
    </div>
    <#--大类新增模态框-->
    <div class="modal fade" id="myModalAdd" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">×</span>
                    </button>
                    <h4 class="modal-title">编辑节点</h4>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-xs-8 col-xs-offset-2">
                            <form id="myFormAdd"  class="form-horizontal">
                                <input type="text" style="display:none;" id="id" name="id">
                                <div class="form-group">
                                    <label for="account">项目大类名称</label>
                                    <input type="text" class="form-control required" maxlength="100" id="mainTypeName" name="mainTypeName" placeholder="请输入大类名称">
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary" onclick="javascript:proMainType.save()">保存</button>
                </div>
            </div>
        </div>
    </div>
    <#--项目分类模态框-->
    <div class="modal fade" id="typeModal" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">×</span>
                    </button>
                    <h4 class="modal-title">项目分类</h4>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-xs-8 col-xs-offset-2">
                            <form id="typeForm"  class="form-horizontal">
                                <input type="text" style="display:none;" id="id" name="id">
                                <div class="form-group">
                                    <label for="account">项目类型名称:</label>
                                    <input type="text" class="form-control required" maxlength="100" id="proTypeName" name="name" placeholder="项目类型名称">
                                </div>
                                <div class="form-group">
                                    <label for="account">组织机构:</label>
                                    <input type="text" class="form-control required" maxlength="100" id="orgText" placeholder="组织机构">
                                    <input type="hidden" id="orgId" name="orgid">
                                </div>
                                <div class="form-group">
                                    <label for="account">排序序号:</label>
                                    <input type="text" class="form-control required" maxlength="100" id="sort" name="sort" placeholder="排序序号">
                                </div>
                                <div class="form-group">
                                    <label for="account">阶段类型:</label>
                                    <select id="select" name="select" class="selectpicker show-tick form-control required"></select>
                                </div>
                                <div class="form-group">
                                    <label for="account">阶段描述:</label>
                                    <textarea class="form-control required" id="remark" name="remark"maxlength="100" rows="5" cols="30" placeholder="阶段描述"></textarea>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary" onclick="javascript:proType.nextStep()">下一步</button>
                </div>
            </div>
        </div>
    </div>
    <#--安工院组织机构模态框-->
    <div class="modal fade" id="agyOrgModal" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title">安工院组织机构树</h4>
                </div>
                <div class="modal-body">
                    <div id="treeview"></div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                </div>
            </div>

        </div>
    </div>
    <#--项目阶段树模态框-->
    <div class="modal fade" id="stepModal" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">×</span>
                    </button>
                    <h4 class="modal-title">项目阶段</h4>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-xs-8 col-xs-offset-2">
                            <div style="position: relative;">
                                <button id="addProjectStep" class="btn btn-default glyphicon glyphicon-plus"></button>
                                <button id="editProjectStep" class="btn btn-default glyphicon glyphicon-wrench"></button>
                                <button id="delProjectStep" class="btn btn-default glyphicon glyphicon-minus"></button>
                            </div>
                        </div></br></br>
                        <div class="col-xs-8 col-xs-offset-2">
                            <div id="projectStepTree"></div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary" onclick="javascript:layer.msg('待开发');">保存</button>
                </div>
            </div>
        </div>
    </div>
    <#--文档类型新增模态框-->
    <div class="modal fade" id="fileTypeModal" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">×</span>
                    </button>
                    <h4 class="modal-title">文档类型</h4>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-xs-8 col-xs-offset-2">
                        </div>
                        <div class="col-xs-8 col-xs-offset-2">
                            <form id="fileTypeForm"  class="form-horizontal">
                                <input type="hidden" id="fileTypeId" name="id">
                                <input type="hidden" id="stepId" name="id">
                                <input type="hidden" id="projectTypeId" name="id">
                                <div class="form-group">
                                    <label for="account">文档类型名称:</label>
                                    <input type="text" class="form-control required" maxlength="100" id="fileTypeName" name="name" placeholder="扩展字段名称">
                                </div>
                                <div class="form-group">
                                    <label for="account">文档类型:</label>
                                    <select class="selectpicker">
                                        <option value="1">文本输入框</option>
                                        <option value="2">单选下拉框</option>
                                        <option value="3">多选下拉框</option>
                                        <option value="4">单选框</option>
                                        <option value="5">复选框</option>
                                    </select>
                                    <input type="text" class="form-control required" maxlength="100" id="demo1" name="demo1" placeholder="扩展字段列名">
                                </div>
                                <div class="form-group">
                                    <label for="account">是否必填:</label>
                                    <div class="radio">
                                        <label>
                                            <input type="radio" name="must"  value="no" >
                                            否
                                        </label>
                                    </div>
                                    <div class="radio">
                                        <label>
                                            <input type="radio" name="must"  value="yes">
                                            是
                                        </label>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="account">是否多选:</label>
                                    <div class="radio radio-v2">
                                        <label>
                                            <input type="radio"  name="search"  value="no">
                                            否
                                        </label>
                                    </div>
                                    <div class="radio radio-v2">
                                        <label>
                                            <input type="radio" name="search" value="yes">
                                            是
                                        </label>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="account">表达式:</label>
                                    <input type="text" class="form-control required" maxlength="100" id="demo1" name="demo1" placeholder="表达式">
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary" onclick="javascript:layer.msg('待开发');">保存</button>
                </div>
            </div>
        </div>
    </div>
    <#--项目分类扩展字段-->
    <div class="modal fade" id="expandModal" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">×</span>
                    </button>
                    <h4 class="modal-title">定制扩展字段</h4>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-xs-8 col-xs-offset-2">
                            <div style="position: relative;">
                                <button id="addExpand" class="btn btn-default glyphicon glyphicon-plus"></button>
                            </div>
                        </div>
                        <div class="col-xs-8 col-xs-offset-2">
                            <form id="expandForm"  class="form-horizontal">
                                <input type="text" style="display:none;" id="id" name="id">
                                &lt;#&ndash;<div class="form-group">
                                <label for="account">扩展字段名称:</label>
                                <input type="text" class="form-control required" maxlength="100" id="demo1" name="demo1" placeholder="demo1">
                            </div>&ndash;&gt;

                            </form>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary" onclick="javascript:layer.msg('待开发');">保存</button>
                </div>
            </div>
        </div>
    </div>
    <#--项目分类扩展字段新增页面-->
    <div class="modal fade" id="expandWin" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">×</span>
                    </button>
                    <h4 class="modal-title">扩展字段</h4>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-xs-8 col-xs-offset-2">
                        </div>
                        <div class="col-xs-8 col-xs-offset-2">
                            <form id="expandForm"  class="form-horizontal">
                                <input type="text" style="display:none;" id="id" name="id">
                                <div class="form-group">
                                    <label for="account">扩展字段名称:</label>
                                    <input type="text" class="form-control required" maxlength="100" id="demo1" name="demo1" placeholder="扩展字段名称">
                                </div>
                                <div class="form-group">
                                    <label for="account">扩展字段列名:</label>
                                    <input type="text" class="form-control required" maxlength="100" id="demo1" name="demo1" placeholder="扩展字段列名">
                                </div>
                                <div class="form-group">
                                    <label for="account">扩展字段别名:</label>
                                    <input type="text" class="form-control required" maxlength="100" id="demo1" name="demo1" placeholder="扩展字段别名">
                                </div>
                                <div class="form-group">
                                    <label for="account">控件样式:</label>
                                     <select class="selectpicker">
                                         <option value="1">文本输入框</option>
                                         <option value="2">单选下拉框</option>
                                         <option value="3">多选下拉框</option>
                                         <option value="4">单选框</option>
                                         <option value="5">复选框</option>
                                     </select>
                                </div>
                                <div class="form-group">
                                    <label for="account">是否必填:</label>
                                    <div class="radio">
                                        <label>
                                            <input type="radio" name="must"  value="no" >
                                            不是
                                        </label>
                                    </div>
                                    <div class="radio">
                                        <label>
                                            <input type="radio" name="must"  value="yes">
                                            是
                                        </label>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="account">是否作为查询条件:</label>
                                    <div class="radio radio-v2">
                                        <label>
                                            <input type="radio"  name="search"  value="no">
                                            不是
                                        </label>
                                    </div>
                                    <div class="radio radio-v2">
                                        <label>
                                            <input type="radio" name="search" value="yes">
                                            是
                                        </label>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="account">表达式:</label>
                                    <input type="text" class="form-control required" maxlength="100" id="demo1" name="demo1" placeholder="表达式">
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary" onclick="javascript:layer.msg('待开发');">保存</button>
                </div>
            </div>
        </div>
    </div>
</body>

<script type="application/javascript" src="/plugins/layer/layer.js"></script>
<script type="application/javascript" src="/js/system/proType.js?v=1"></script>
<script src="../../plugins/bootstrape-select/js/bootstrap-select.js"></script>
</html>
